<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <!-- 原因:全世界抄袭苹果手机端浏览器双击缩放功能(double tap to zoom 双击缩放,提高用户体验感受),默认行为:先判断你是想单击这个链接,还是双击缩放,导致click300ms延迟问题 -->
        <!-- 1.FastClick  FastClick.attach(document.body);  思路是:看FastClick js库可以看出 是取消click事件  用 touchend 模拟快速点击行为 
         把300ms click事件阻止掉  最好的方法--> 
         <!-- 2.touch-action:none  给body或者html设置     但苹果safari不支持,要通过js去请求并解析这个属性-->  
       <!-- 3.设置 user-scalable=no  禁止用户缩放 解决了300ms延迟问题  但是同时也禁止了双指缩放,用户交互体验不好-->
       <!-- 4.设置width=device-width   检测此乃响应式网站,那浏览器认为此网站已经对移动端做过适配和优化了,就不需要双击缩放操作,那么会自动禁掉双击缩放行为并且去掉300ms延迟问题 但苹果还有双击滚动  ios不可以设置这个去掉300ms-->
       <!-- 5.指针事件  浏览器的统一指针事件：Pointer Event  手触摸  鼠标点击  笔点击等等 定义为pointerdown
pointerup 等等   就不会有300ms延迟事件  IE支持但其他浏览器要通过JS让它支持指针事件-->


    </head>
    <body>
	
    </body>
   
</html>